<Variable name="bgcolor" description="Body Background Color"
type="color" default="#f7f5f5"/>
<Variable name="linkcolor" description="Link Color"
type="color" default="#007ABE"/>
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999"/>
<Variable name="imageborder" description="Image Border Color"
type="color" default="#C0C0C0"/>
<Variable name="headingfont" description="Heading Font"
type="font" default="normal normal 100% 'Open Sans', serif ,Sans-serif"/>
<Variable name="posttitlecolor" description="Post Title Color"
type="color" default="#141414"/>
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left"/>
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right"/>
<Group description="Header Title" selector="#header">
<Variable name="head.font.type" description="Blog Title"
type="font" default="normal normal 35px 'Open Sans', serif ,sans-serif"/>
<Variable name="head.descfont.type" description="Blog Description"
type="font" default="normal normal 12px Verdana, Geneva, sans-serif"/>
<Variable name="head.font.color" description="Blog Title Color"
type="color" default="#333333"/>
<Variable name="head.descfont.color" description="Blog Description Color"
type="color" default="#3D3D3D"/>
</Group>
<Group description="Top Navigation" selector="#topnav">
<Variable name="topnav.back.color" description="Background Color"
type="color" default="#1A1A1A"/>
<Variable name="topnav.text.color" description="Text Color"
type="color" default="#E2E2E2"/>
<Variable name="topnav.select.color" description="Selected Page Background Color"
type="color" default="#007ABE"/>
</Group>
<Group description="Middle Navigation 1" selector="#nav">
<Variable name="midnav.back.color" description="Background Color"
type="color" default="#2E2E2E"/>
<Variable name="midnav.shadow.color" description="Shadow Color"
type="color" default="#585858"/>
<Variable name="midnav.select.color" description="Current Link Background Color"
type="color" default="#007ABE"/>
<Variable name="midnav.button.color" description="Responsive Color"
type="color" default="#007ABE"/>
</Group>
<Group description="Middle Navigation 2" selector="#nav">
<Variable name="midnav.font.type" description="Font Type"
type="font"
default="normal normal 90% 'Open Sans', serif ,Sans-serif"/>
<Variable name="midnav.sub.color" description="Sub Background Color"
type="color" default="#007ABE"/>
<Variable name="midnav.subsub.color" description="Sub Sub Background Color"
type="color" default="#007ABE"/>
<Variable name="midnav.link.color" description="Link Color"
type="color" default="#E6E6E6"/>
</Group>
<Group description="Content Area" selector="#outer-wrapper">
<Variable name="cont.font.type" description="Font Type"
type="font" default="normal normal 12px Verdana, Geneva, sans-serif"/>
<Variable name="cont.back.color" description="Background Color"
type="color" default="#FFFFFF"/>
<Variable name="cont.text.color" description="Text Color"
type="color" default="#333333"/>
<Variable name="cont.shadow.color" description="Area Shadow Color"
type="color" default="#D3D3D3"/>
</Group>
<Group description="News Ticker" selector="#newsticker">
<Variable name="news.border.color" description="Border Color"
type="color" default="#C0C0C0"/>
<Variable name="news.back.color" description="Latest Background Color"
type="color" default="#007ABE"/>
<Variable name="news.text.color" description="Latest Text Color"
type="color" default="#FFFFFF"/>
</Group>
<Group description="Sidebar" selector=".sidebar">
<Variable name="side.border.color" description="Border Color"
type="color" default="#C0C0C0"/>
<Variable name="side.area.color" description="Background Color"
type="color" default="#FFFFFF"/>
<Variable name="side.text.color" description="Text Color"
type="color" default="#666666"/>
</Group>
<Group description="SideBar Tab" selector="ul.navtab">
<Variable name="tab.back.color" description="Tab Color"
type="color" default="#2E2E2E"/>
<Variable name="tab.selet.color" description="Tab Select Color"
type="color" default="#007ABE"/>
<Variable name="tab.text.color" description="Tab Text Color"
type="color" default="#FFFFFF"/>
</Group>
<Group description="Main Area 1" selector="#main-atas">
<Variable name="main1.headfont.type" description="Heading Font Type"
type="font" default="normal normal 18px 'Open Sans', serif ,sans-serif"/>
<Variable name="main1.postfont.type" description="Post Font Type"
type="font" default="normal normal 13px 'Open Sans', serif ,sans-serif"/>
<Variable name="main1.headfont.color" description="Heading Font Color"
type="color" default="#000000"/>
<Variable name="main1.postfont.color" description="Post Text Color"
type="color" default="#0E0E0E"/>
</Group>
<Group description="Main Area 2" selector="#main-atas">
<Variable name="main2.date.color" description="Button/Date Title Color"
type="color" default="#007ABE"/>
<Variable name="main2.datehover.color" description="Button/Date Hover Color"
type="color" default="#2E2E2E"/>
<Variable name="main2.datetext.color" description="Button/Date Text Color"
type="color" default="#FFFFFF"/>
</Group>
<Group description="Back Top Button" selector="#top">
<Variable name="backtop.back.color" description="Background Color"
type="color" default="#007ABE"/>
<Variable name="backtop.backhover.color" description="Background Hover Color"
type="color" default="#1D1D1D"/>
</Group>
<Group description="Footer Area 1" selector="#footer-wrapper">
<Variable name="foot.headfont.type" description="Heading Font Type"
type="font" default="normal normal 14px 'Open Sans', serif ,sans-serif"/>
<Variable name="foot.text.color" description="Text Color"
type="color" default="#CACACA"/>
<Variable name="foot.headtext.color" description="Heading Text Color"
type="color" default="#FCFCFC"/>
</Group>
<Group description="Footer Area 2" selector="#footer-wrapper">
<Variable name="foot2.back.color" description="Background Color"
type="color" default="#2E2E2E"/>
<Variable name="foot2.bordertop.color" description="Top Border Color"
type="color" default="#007ABE"/>
</Group>
<Group description="Search Box" selector="#searchnya">
<Variable name="src.back.color" description="Box Color"
type="color" default="#494949"/>
<Variable name="src.text.color" description="Text Color"
type="color" default="#F0EDED"/>
<Variable name="src.result.color" description="Box Result Color"
type="color" default="#FFFFFF"/>
<Variable name="src.resulttext.color" description="Result Text Color"
type="color" default="#585858"/>
</Group>
<Group description="Comment Area" selector="#comments">
<Variable name="comen.border.color" description="Border Color"
type="color" default="#E9E6E6"/>
<Variable name="comen.shadow.color" description="Reply Shadow Color"
type="color" default="#CACACA"/>
<Variable name="comen.reback.color" description="Reply Background Color"
type="color" default="#FAFAFA"/>
</Group>
<Group description="Post Footer" selector=".post-footer">
<Variable name="posfoot.border.color" description="Border Top Color"
type="color" default="#C0C0C0"/>
<Variable name="posfoot.back.color" description="Background Color"
type="color" default="#FAFAFA"/>
</Group>
<Group description="SlideShow" selector="#featpost">
<Variable name="sli.font.type" description="SlideShow Title Font Type"
type="font" default="normal normal 16px 'Open Sans', serif, Sans-serif"/>
<Variable name="sli.text.color" description="Text Color"
type="color" default="#FFFFFF"/>
<Variable name="sli.back.color" description="Title Bakcground Color"
type="color" default="#007ABE"/>
<Variable name="sli.desback.color" description="Description Bakcground Color"
type="color" default="#252525"/>
</Group>
*/
#navbar-iframe {display:none !important;}
header, nav, section, aside, article, footer {display:block;}
/* Use this with templates/template-twocol.html */
body {
background-color:#f7f5f5;
background-image:url(http://2.bp.blogspot.com/-Cbz-Y1ezxB0/USDif0nOx4I/AAAAAAAAIcw/xpk2AZufA_U/s1600/bg.png);
margin:0;
padding:0;
color:#333333;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size:/**/small
text-align:center;
}
a:link {
color:#007ABE;
text-decoration:none;
}
a:visited {
color:#999999;
text-decoration:none;
}
a:hover {
color:#222;
text-decoration:underline;
}
a img {
width:20%;
height:auto;
}
body#layout div.list-tabwrap {
padding: 0;
margin: 0;
}
/* Header
-----------------------------------------------
*/
#headisi {
overflow:hidden;
}
#header,
#adstop {
margin:0;
float:left;
width:50%;
}
#adstop {
float:right;
}
#adstop h2,
.index #blog-pager,
.archive #blog-pager {
display:none;
}
#adstop .widget-content {
margin:20px 0 15px;
max-width:470px;
}
#header h1,
#header p {
margin:15px 0 0;
padding:0;
color:#333333;
font:normal normal 35px 'Open Sans', serif ,sans-serif;
}
#header a {
color:#333333;
text-decoration:none;
}
#header a:hover {
color:#333333;
}
#header .description {
margin:0 0 25px;
padding:0;
text-transform:capitalize;
color:#3D3D3D;
font:normal normal 12px Verdana, Geneva, sans-serif;
}
#header img {
margin-left:0;
margin-right:auto;
}
/* Navigation
----------------------------------------------- */
/* = Top Nav = */
#topnav {
background:#1A1A1A;
padding:0;
height: 29px;
font-size:11px;
position: relative;
}
#topnav .wrapnya,
#nav .wrap,
#headisi,
#content-wrapper {
margin:0 auto;
width:98%;
}
#topnav .tgltop {
float:left;
color:#E2E2E2;
display:block;
line-height:20px;margin-top: 4px;
}
/* = Middle Nav = */
#nav {
height:50px;
position:relative;
z-index:1;
}
#nav .bgnya {
width:100%;
background-color:#2E2E2E;
height:42px;
position:absolute;
z-index:-1;
bottom:0;
left:0;
border-bottom:4px solid #007ABE;
-moz-box-shadow:0 1px 6px #585858;
-webkit-box-shadow:0 1px 6px #585858;
box-shadow:0 1px 6px #585858;
}
.sf-menu,
.sf-menu * {
margin:0;
padding:0;
list-style:none;
}
.sf-menu li {
position:relative;
}
.sf-menu ul {
position:absolute;
display:none;
top:100%;
left:0;
z-index:99;
}
.sf-menu > li {
float:left;
margin:0 1px;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display:block;
}
.sf-menu a {
display:block;
position:relative;
}
#menunav > li > a {
font: normal normal 90% 'Open Sans', serif ,Sans-serif;
line-height: 50px;
text-transform: uppercase;
font-weight: 600;
height: 50px;
}
.sf-menu ul ul {
top:0;
left:100%;
}
.sf-menu {
float:left;
}
.sf-menu ul {
min-width:12em;
*width:12em;
}
.sf-menu a {
padding:0 10px;
height:50px;
line-height:50px;
text-decoration:none;
zoom:1;
}
.sf-menu a.home, .sf-menu > li > a.home.current {
background-color:#007ABE;
text-indent:-9999px;
padding:0;
width:50px;
}
.sf-menu a {
color:#E6E6E6;
font-size:11px;
}
#topnav .sf-menu a {
color:#007ABE;
height: 29px;
line-height: 29px;
}
.sf-menu li {
white-space:nowrap;
*white-space:normal;
-moz-transition:background-color .2s;
-webkit-transition:background-color .2s;
transition:background-color .2s;
position:relative;
}
.sf-menu ul li {
background-color:#007ABE;
margin:1px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#topnav .sf-menu ul li, #topnav .sf-menu ul ul li {
background-color:#1A1A1A;
}
.sf-menu ul a {
font-weight:normal;
height:28px;
line-height:28px;
}
#topnav .sf-menu ul a {
height:25px;
line-height:25px;
}
.sf-menu ul a:hover {
padding-left:12px;
}
.sf-menu ul ul li {
background:#007ABE;
margin:0 0 1px 2px;
}
.sf-menu li:hover > a,
.sf-menu li.sfHover > a,
.sf-menu > li > a.current {
background-color:#007ABE;
-moz-transition:none;
-webkit-transition:none;
transition:none;
color:#E6E6E6;
}
#topnav .sf-menu li:hover > a,
#topnav .sf-menu li.sfHover > a,
#topnav .sf-menu > li > a.current {
background-color:#007ABE;
color:#E2E2E2;
}
.sf-arrows .sf-with-ul {
padding-right:2em;
*padding-right:1em;
}
.sf-arrows .sf-with-ul:after {
content:'';
position:absolute;
top:50%;
right:0.85em;
margin-top:-2px;
height:0;
width:0;
border:4px solid transparent;
border-top-color:#E6E6E6;
}
#topnav .sf-arrows .sf-with-ul:after  {
border-top-color:#007ABE;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:#E6E6E6;
}
#topnav .sf-arrows > li > .sf-with-ul:focus:after,
#topnav .sf-arrows > li:hover > .sf-with-ul:after,
#topnav .sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:#E2E2E2;
}
.sf-arrows ul .sf-with-ul:after {
margin-top:-4px;
margin-right:-3px;
border-color:transparent;
border-left-color:#E6E6E6;
}
#topnav .sf-arrows ul .sf-with-ul:after {
border-left-color:#007ABE;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
border-left-color:#E6E6E6;
}
#topnav .sf-arrows ul li > .sf-with-ul:focus:after,
#topnav .sf-arrows ul li:hover > .sf-with-ul:after,
#topnav .sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color:#E2E2E2;
}
.sf-menu li > i {
position:absolute;
top: 3px;
right: 3px;
width: 27px;
height: 22px;
cursor:pointer;
display:none;
background-color:#007ABE;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
outline:0;
}
.sf-menu li > i:after {
content: '+';
color: #fff;
font-size: 19px;
position: absolute;
left: 5px;
top: -2px;
}
.sf-menu li > i.active:after {
content:'-';
font-size:39px;
top:-14px;
}
#topnav .sf-menu li > i {
width: 23px;
height: 19px;
top: 6px;
}
#topnav .sf-menu li > i:after {
top: -4px;
left: 3px;
}
#topnav .sf-menu li > i.active:after {
top: -13px;
font-size: 31px;
left: 4px;
}
.sf-menu a.home:before,
#searchnya button:before,
#view a:before,
.rcentpost .date:before,
.rcentpost .comnum:before,
.morepostag a:before,
#topmobilenav:before,
#mobilenav:before,
#related_posts .date:before,
#related_posts .comnum:before {
position: absolute;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
.sf-menu a.home:before, #searchnya button:before, #view a:before, .breadcrumbs .homex:before {
text-indent: 0;
}
.sf-menu a.home:before {
width: 30px;
height: 30px;
}
.sf-menu a.home:before {
content: "\f015";
top: 0;
font-size: 29px;
left: 11px;
color: #FBFBFB;
}
#searchnya button:before {
content: "\f002";
top: 5px;
left: 11px;
color: #E6E6E6;
font-size: 18px;
}
#topmobilenav:before, #mobilenav:before {
content: "\f0c9";
top: 3px;
text-indent: 0;
left: 5px;
font-size: 29px;
}
#topmobilenav:before {
font-size: 21px;
top: 1px;
left: 3px;
}
#icon-socialmn {
margin: 0;
float: right;
}
#icon-socialmn li {
float: left;
}
#icon-socialmn a {
display: block;
text-indent: -9999px;
width: 26px;
height: 29px;
background-image: url(http://3.bp.blogspot.com/-JWxzfuPXWDQ/ULykR51IjoI/AAAAAAAABfk/GUjrfkEH7hc/h25/team-social-icons.png);
background-repeat: no-repeat;
-webkit-transition: background .2s ease-out;
-moz-transition: background .2s ease-out;
-o-transition: background .2s ease-out;
transition: background .2s ease-out;
}
#icon-socialmn .sotw a {
background-position: 1px 2px;
}
#icon-socialmn .sofb a {
background-position: -24px 2px;
}
#icon-socialmn .sogo a {
background-position: -49px 2px;
}
#icon-socialmn .sorss a {
background-position: -74px 2px;
}
#icon-socialmn .solinkn a {
background-position: -99px 2px;
}
#icon-socialmn .sodrib a {
background-position: -125px 2px;
}
#icon-socialmn .sopint a {
background-position: -150px 2px;
}
#icon-socialmn .sotw a:hover {
background-color: #2DAAE1;
}
#icon-socialmn .sofb a:hover {
background-color: #3C5B9B;
}
#icon-socialmn .sogo a:hover {
background-color: #F63E28;
}
#icon-socialmn .sorss a:hover {
background-color: #FA8C27;
}
#icon-socialmn .solinkn a:hover {
background-color: #0173B2;
}
#icon-socialmn .sodrib a:hover {
background-color: #F9538F;
}
#icon-socialmn .sopint a:hover {
background-color: #CB2027;
}
#topmobilenav, #mobilenav {
position: absolute;
width: 35px;
height: 35px;
bottom: 7px;
color: #E6E6E6;
text-decoration: none;
text-indent: -9999px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
outline:0;
background-color:#007ABE;
}
#topmobilenav {
width: 25px;
height: 25px;
bottom: 2px;
color:#E2E2E2;
}
#mobilenav.active {
color: #2E2E2E;
}
#topmobilenav.active {
color: #1A1A1A;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background-color:#FFFFFF;
margin:0 auto;
padding:0;
text-align:left;
font:normal normal 12px Verdana, Geneva, sans-serif;
-moz-box-shadow:0 0 5px #D3D3D3;
-webkit-box-shadow:0 0 5px ##D3D3D3;
box-shadow:0 0 5px #D3D3D3;
}
#outer-wrapper,
#nav {
width:100%;
max-width:1080px;
}
#content-wrapper {
padding:15px 0;
}
#main-atas {
width:66%;
padding:0 1% 0 0.5%;
float:left;
word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
overflow:hidden;  /* fix for long non-text content breaking IE sidebar float */;
}
#sidebar-wrapper {
width:32%;
float:right;
padding:0 0;
word-wrap:break-word;  /* fix for long text breaking sidebar float in IE */
overflow:hidden;  /* fix for long non-text content breaking IE sidebar float */;
}
.sidebar .widget > h2,
#related_posts h4,
#comments > h4 {
padding:5px 0;
margin:0 0 5px;
background-image:url(http://1.bp.blogspot.com/-dbY_VVkPODk/UJTFnJtHmyI/AAAAAAAAGe8/jiGU6WOkWSI/s12/stripe.png);
background-repeat:repeat-x;
background-position:0 50%;
overflow:hidden;
font:normal normal 18px 'Open Sans', serif ,sans-serif;
text-transform:uppercase;
color:#000000;
font-weight:600;
}
.sidebar .widget > h2 a {
text-decoration:none;
color:#000000;
}
.sidebar .widget > h2 span,
#related_posts h4 span,
#comments > h4 span {
background-color:#FFFFFF;
padding:0 5px 0 0;
}
.sidebar .widget-content, #manualslidenya {
padding:5px 10px;
margin:0;
border:1px solid #C0C0C0;
background-color:#FFFFFF;
border-radius:2px;
position:relative;
}
#mainmidtengah,
#mainmidtengah2 {
overflow:hidden;
}
#mainmidtengah .section,
#mainmidtengah2 .section {
width:50%;
float:left;
}
/* Layout
----------------------------------------------- */
body#layout #sidebar-tengah {
overflow:hidden;
}
body#layout #sidebar-tengah .sidebarmd-widget {
width:33.3%;
float:left;
}
body#layout #icon-socialmn, body#layout ul.navtab {
display:none;
}
/* Headings
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
font:normal normal 100% 'Open Sans', serif ,Sans-serif;
text-transform:none;
margin:0;
}
/* Posts
-----------------------------------------------
*/
.blog-posts.hfeed {
overflow:hidden;
}
.index .post-outer,
.archive .post-outer {
width:33.3%;
float:left;
position:relative;
}
.index .post-outer .post,
.archive .post-outer .post {
margin:0 10px 10px;
height:190px;
position:relative;
z-index:0;
}
a.thumbimgx, .thumbimgslide {
display:block;
border:1px solid #C0C0C0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
height:140px;
padding: 4px;
position:relative;
background-color:#FFFFFF;
}
a.thumbimgx:before,
a.thumbimgx:after,
.thumbimgslide:before,
.thumbimgslide:after,
#feedContainer .inner:before,
#feedContainer .inner:after,
ul.rcentpost > li.a0 a.thumbxtag:before,
.rcbytag.s ul.rcentpost a.thumbxtag:before,
ul.rcentpost > li.a0 a.thumbxtag:after,
.rcbytag.s ul.rcentpost a.thumbxtag:after {
content:"";
position:absolute;
z-index:-2;
bottom:15px;
left:5px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);
-moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);
box-shadow:0 15px 10px rgba(0,0,0,0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
a.thumbimgx:after,
.thumbimgslide:after,
#feedContainer .inner:after,
ul.rcentpost > li.a0 a.thumbxtag:after,
.rcbytag.s ul.rcentpost a.thumbxtag:after {
right:5px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
a.thumbimgx img, .slideximg img, ul.imgslide, ul.imgslide li {
height: 100%;
width: 100%;
}
.slideximg {
height: 100%;
overflow: hidden;
}
ul.imgslide, ul.imgslide li {
padding: 0;
margin: 0;
list-style: none;
}
ul.imgslide li {
display: none;
}
ul.imgslide li:first-child {
display: block;
}
.datex {
position:absolute;
z-index:10;
background-color:#007ABE;
color:#FFFFFF;
padding:3px 0;
top:0;
left:15px;
display:block;
text-align:center;
}
.item .datex, .static_page .datex {
z-index: 0;
}
.post:hover .datex.show {
background-color:#2E2E2E;
}
.datex.show strong,
.datex.show span,
.datex.show small {
display:block;
padding:0 2px;
}
.datex.show strong {
font-size:21px;
}
.datex.show span,
.datex.show small {
font-size:9px;
height:12px;
line-height:12px;
}
.post-summary p,
.post-more-link,
.post-footer {
display:none;
}
.post .titlex,
ul.rcentpost li strong a {
text-decoration:none;
font:normal normal 13px 'Open Sans', serif ,sans-serif;
font-weight:600;
line-height:1.4em;
color:#0E0E0E;
display:block;
margin:5px 0 0;
max-height:36px;
overflow:hidden;
}
.menu-xitem {
background-image:url(http://1.bp.blogspot.com/-dbY_VVkPODk/UJTFnJtHmyI/AAAAAAAAGe8/jiGU6WOkWSI/s12/stripe.png);
background-repeat:repeat-x;
background-position:0 50%;
height:34px;
margin:0 0 5px;
}
.xitem1,
#view {
float:left;
background-color:#FFFFFF;
padding:5px;
position:relative;
}
#view {
float:right;
}
.menu-xitem a {
text-decoration:none;
color:#000000;
}
.xitem1 .liat {
font:normal normal 18px 'Open Sans', serif ,sans-serif;
text-transform:uppercase;
font-weight:600;
background-image:url(http://1.bp.blogspot.com/-M1hnSxIV4W4/UW0e52ILM9I/AAAAAAAAI-A/8cqDNDbK0k4/s1600/ui-select.png);
background-repeat:no-repeat;
background-position:100% 70%;
display:inline-block;
padding-right:20px;
}
.index .post-outer.list,
.archive .post-outer.list {
width:100%;
float:none;
}
.index .post-outer.list .post,
.archive .post-outer.list .post {
height:auto;
margin:0 0 15px;
padding-bottom:10px;
}
.post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
width:200px;
float:left;
margin:0 10px 0 5px;
}
.post-outer.list .post .titlex {
font-size:150%;
max-height:200px;
margin:0;
overflow:visible;
}
.post-outer.list .post-summary p {
display:block;
margin:10px 0 0;
}
.post-outer.list .post-more-link {
display:block;
position:absolute;
bottom:0;
float:right;
right:0;
}
.post-outer.list .post-more-link a {
display:block;
text-decoration:none;
padding:4px 8px;
font-size:90%;
background-color:#007ABE;
color:#FFFFFF;
}
.post-outer.list .post-more-link a:hover {
background-color:#2E2E2E;
}
.post-body .left {
float:left;
margin:0 5px 5px 0;
}
.post-body .right {
float:right;
margin:0 0 5px 5px;
}
.post-body .center {
margin:10px 0 15px 0;
display:block;
text-align:center;
}
.post-body .left span, .post-body .right span, .post-body .center span {
display: block;
text-align: center;
font-size: 80%;
font-style: italic;
}
.post-body blockquote {
padding-left:40px;
margin:20px;
font-size:110%;
line-height:1.6em;
color:#777;
background:url(http://1.bp.blogspot.com/-sJbFLVX5LVs/UDzoGxMvWrI/AAAAAAAAAmg/qkUni125BV0/s1600/quotation-l.png) no-repeat left 5px;
}
.item .post-body img,
.static_page .post-body img {
padding:4px;
border:1px solid #C0C0C0;
}
.post-body h1 {
font-size:180%;
}
.post-body h2 {
font-size:160%;
}
.post-body h3 {
font-size:140%;
}
.post-body h4 {
font-size:130%;
}
.post-body h5 {
font-size:120%;
}
.post-body h6 {
font-size:110%;
}
.item .post,
.static_page .post,
.comments .comments-content,
#related_posts ul,
.boxcommentnya,
.error-custom,
.breadcrumbs,
#main-wrapper .inline-ad {
padding:10px;
border:1px solid #C0C0C0;
position:relative;
margin:0 0 10px;
background-color:#FFFFFF;
-moz-border-radius:2px;
webkit-border-radius:2px;
border-radius:2px;
}
.breadcrumbs {
padding:5px 10px;
margin:0 0 5px;
}
.error-custom {
background-image:url(http://1.bp.blogspot.com/-XKqVUlnOOBc/UXVCp_hfbEI/AAAAAAAAI_k/KdS4rjvZgkc/s500/Abstract+Floral+Vector+Illustration.png);
background-repeat:no-repeat;
background-position:right bottom;
padding-bottom:220px;
line-height:1.5em;
}
.post h1.post-title,
.post h2.post-title,
.error-custom h2 {
font-size:155%;
font-weight:600;
border-bottom:1px solid #C0C0C0;
padding:0 0 5px 50px;
color:#141414;
margin-bottom:15px;
}
.post h2.post-title,
.error-custom h2 {
padding-left:0;
}
.post h1.post-title a,
.post h2.post-title a {
text-decoration:none;
display:block;
color:#141414;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body iframe {
max-width: 100%;
}
.item .post-footer,
.static_page .post-footer {
display:block;
border-top:1px solid #C0C0C0;
padding:8px;
margin:0 -10px -10px;
background-color:#FAFAFA;
}
.item .post-body img,
.static_page .post-body img {
max-width:95%;
}
.post-timestamp {
display:none;
}
.post-author.vcard,
.post-labels {
margin-bottom:5px;
}
.tr-caption-container img {
border:none;
padding:0;
}
.post-footer .item-control.blog-admin.pid-1748668997 {
float:right;
}
.post blockquote p {
margin:.75em 0;
}
.index .post h2.post-title,
.archive .post h2.post-title,
#topmobilenav,
#mobilenav,
#topmenunya h2 {
display:none;
}
.pager-isi {
overflow:hidden;
}
.pager-isi a,
.pager-isi .linkgrey {
width:50%;
display:block;
float:left;
padding:10px 0;
font-size:120%;
text-decoration:none;
}
.pager-isi h6 {
color:#2C2C2C;
font-size:100%;
}
.pager-isi h5 {
font-size:90%;
}
a.blog-pager-newer-link {
text-align:left;
position:relative;
}
a.blog-pager-newer-link h6,
a.blog-pager-newer-link h5 {
padding-left:20px;
}
a.blog-pager-older-link {
text-align:right;
position:relative;
}
a.blog-pager-older-link h6,
a.blog-pager-older-link h5 {
padding-right:20px;
}
.pager-isi .linkgrey.left {
text-align:left;
}
.pager-isi .linkgrey.right {
text-align:right;
}
a.blog-pager-newer-link::after {
content:"";
width:0;
height:0;
border-width:8px 6px;
border-style:solid;
border-color:transparent #777676 transparent transparent;
position:absolute;
top:50%;
left:0;
margin-top:-8px;
}
a.blog-pager-older-link::after {
content:"";
width:0;
height:0;
border-width:8px 6px;
border-style:solid;
border-color:transparent transparent transparent #777676;
position:absolute;
top:50%;
right:0;
margin-top:-8px;
}
#main-wrapper .inline-ad {
text-align: center;
padding: 10px 0;
overflow: hidden;
}
.feed-links,
.error_page #blog-pager {
display:none;
}
/* Related Post
----------------------------------------------- */
#related_posts {
color:#666666;
}
#related_posts ul {
overflow:hidden;
list-style:none;
}
#related_posts li {
list-style:none;
float:left;
position:relative;
width:50%;
padding:0;
min-height:120px;
margin:0 0 8px;
}
#related_posts .inner {
padding: 5px 3px;
}
#related_posts .gmbrrltd {
float:left;
margin:0 5px 0 0;
padding:3px;
border:1px solid #C0C0C0;
width:70px;
height:70px;
display:block;
}
#related_posts a:hover {
text-decoration: none;
}
#related_posts strong {
line-height: 1.4em;
overflow: hidden;
max-height: 30px;
margin-bottom: 5px;
display: block;
}
#related_posts p {
margin:5px 0 0;
line-height:1.5em;
display:none;
}
#related_posts .date.floatd:before {display:none;}
#related_posts .date.floatd {
position:absolute;
top:0;
left:15px;
color:#FFFFFF;
display:block;
background-color:#007ABE;
text-align:center;
padding:4px 2px;
}
#related_posts li:hover .date.floatd {
background-color:#2E2E2E;
}
#related_posts .date.floatd span {
display:block;
font-size:9px;
line-height:12px;
height:12px;
}
#related_posts .date.floatd span.dd {
font-size:18px;
line-height:17px;
height:17px;
font-weight:bold;
}
/* Comments
----------------------------------------------- */
.comment-form {
max-width:100%;
padding:10px;
border:1px solid #C0C0C0;
margin:0 0 10px;
-moz-border-radius:2px;
webkit-border-radius:2px;
border-radius:2px;
}
.comments.threaded_commentsnya .comment-form {
display:none;
}
.comments .continue a,
.comments .comments-content .comment-thread ol .comment-replybox-thread {
-moz-box-shadow:inset 0 1px 5px #CACACA;
-webkit-box-shadow:inset 0 1px 5px #CACACA;
box-shadow:inset 0 1px 5px #CACACA;
background-color:#FAFAFA;
}
.comments .comments-content .comment-thread ol .comment-replybox-thread #form-wrapper {
padding:5px 10px;
}
.comments .comments-content .comment-thread ol {
margin:0;
}
.comments .comments-content .inline-thread {
border:1px solid #E9E6E6;
border-left:2px solid #007ABE;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.comments .comments-content .comment:first-child {
padding-top:0;
}
.comments .comments-content .inline-thread .comment:first-child {
padding-top:12px;
}
.comments .comments-content .icon.blog-author,
.commentarea .author-comment {
background-image:url(http://3.bp.blogspot.com/-TpMivpUpG0s/UXCpktVApyI/AAAAAAAAI-o/6ZzgqgrANLI/s17/48_edit.png);
background-repeat:no-repeat;
background-position:50% 50%;
}
#comments-block .avatar-image-container img {
width:35px;
height:35px;
display:block;
}
#comments-block .avatar-image-container.avatar-stock img {
border-width:0;
padding:1px;
background-image:url(http://4.bp.blogspot.com/-AEWksK942OE/UFiyLzXJhiI/AAAAAAAAFKE/jBegaGPClxI/s37/user-anonymous-icon.png);
}
.comments .comments-content .comment-content {
text-align:justify;
line-height:1.6em;
}
#comments-block.avatar-comment-indent dd.comment-body p {
margin:0;
line-height:1.6em;
}
#comments-block .avatar-image-container {
top:0;
}
.commentarea {
padding:8px;
border:1px solid #E9E6E6;
border-left:2px solid #007ABE;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:0 0 15px;
position:relative;
}
#comments-block.avatar-comment-indent dd.comment-body {
margin:10px 0;
}
#comments-block.avatar-comment-indent .commentarea .comment-footer {
margin-bottom:0;
text-align:right;
}
.commentarea .datecm {
font-size:90%;
float:right;
}
.commentarea .author-comment {
display:inline-block;
height:18px;
margin:0 6px -4px 0;
width:18px;
}
#googlePlusComment,
.cmt_iframe_holder {
width:100% !important;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color:#666666;
line-height:1.5em;
}
.sidebar ul,
.footer ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li,
.footer li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:15px;
line-height:1.5em;
}
.sidebar .widget,
.main .widget,
#sidebar-tengah,
.footer .widget {
margin:0 0 1.5em;
}
.sidebar .widget {
padding:0 10px;
}
.main .Blog {
border-bottom-width:0;
position: relative;
}
/* Footer
----------------------------------------------- */
#footer-wrapper {
overflow:hidden;
padding:20px 0 0;
border-top:5px solid #007ABE;
background-color:#2E2E2E;
color:#CACACA;
}
#footer-wrapper .row {
width:99%;
margin:0 auto;
overflow:hidden;
}
#footer-wrapper .grid {
width:25%;
float:left;
}
.footer .widget {
padding:0 15px;
}
.footer .widget > h2 {
font:normal normal 14px 'Open Sans', serif ,sans-serif;
color:#FCFCFC;
background-image:url(http://4.bp.blogspot.com/-q4rW2Nbip7c/UWxMEfkADRI/AAAAAAAAI9Y/EZG2EWr99EE/s8/stripe.png);
background-position:0 50%;
background-repeat:repeat-x;
margin:0 0 10px;
padding:5px 0;
}
.footer .widget > h2 span {
background-color:#2E2E2E;
padding:0 5px 0 0;
}
.navix.credit {
overflow: hidden;
width: 98%;
padding: 5px 1%;
border-top: 1px solid #131313;
}
.navix.credit .left {
float: left;
}
.navix.credit .righ {
float: right;
}
/* Search Box
-----------------------------------------------
*/
#searchnya {
float:right;
width:250px;
margin:10px 0 0;
}
#ajax-search-form {
position:relative;
font:normal normal 11px Arial,Sans-Serif;
width:230px;
float:right;
}
#ajax-search-form input {
color:#F0EDED;
margin:0 0;
background:#494949;
padding:8px 8px;
font-size:10px;
outline:0;
width:175px;
float:left;
border:0;
}
#ajax-search-form input:focus {
color:#FFF;
}
#search-result {
color:#585858;
border:1px solid #F3F3F3;
background-color:#FFFFFF;
padding:8px 10px;
margin:10px 0;
width:280px;
height:auto;
position:absolute;
top:27px;
right:10px;
z-index:99;
-webkit-box-shadow:0 1px 3px #999;
-moz-box-shadow:0 1px 3px #999;
box-shadow:0 1px 3px #999;
display:none;
}
#search-result * {
margin:0 0 0 0;
padding:0 0 0 0;
}
#search-result h4,
#search-result strong {
display:block;
margin:0 30px 10px 0;
}
#search-result ol {
list-style:none;
overflow:hidden;
padding-right: 15px;
}
.box, .box .antiscroll-inner {
width: 100%;
height: 400px;
}
#search-result .close {
text-decoration:none;
display:block;
position:absolute;
top:4px;
font-size:18px;
right:10px;
line-height:normal;
color:black;
}
#search-result li {
padding:5px 0;
overflow: hidden;
}
#search-result strong {
margin:0 0 3px 0;
display:block;
}
#search-result img {
float:left;
display:block;
margin:0 5px 0 0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
#searchnya button {
text-indent:-9999px;
overflow:hidden;
margin:0;
background: transparent;
width:35px;
height:29px;
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
position:relative;
cursor:pointer;
border:none !important;
outline:none;
}
/* Slider
-----------------------------------------------
*/
#main-top h2 {
display:none;
}
#main-top {
position:relative;
z-index:0;
}
#main-top .widget-content::after,
#main-top .widget-content::before,
#manualslidenya::before,
#manualslidenya::after {
content:"";
position:absolute;
z-index:-2;
bottom:15px;
left:5px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);
-moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);
box-shadow:0 15px 10px rgba(0,0,0,0.7);
-webkit-transform:rotate(-1deg);
-moz-transform:rotate(-1deg);
-ms-transform:rotate(-1deg);
-o-transform:rotate(-1deg);
transform:rotate(-1deg);
}
#main-top .widget-content::after,
#manualslidenya::after {
right:5px;
left:auto;
-webkit-transform:rotate(1deg);
-moz-transform:rotate(1deg);
-ms-transform:rotate(1deg);
-o-transform:rotate(1deg);
transform:rotate(1deg);
}
ul.featpost,
ul.featpost li {
padding:0;
margin:0;
overflow:hidden;
position:relative;
}
ul.featpost li {
height:280px;
display:none;
float:left;
}
ul.featpost li:first-child {
display:block;
}
ul.featpost,
.featuredpost {
height:280px;
}
.featuredpost {
overflow:hidden;
}
ul.featpost img {
width:100%;
height:100%;
}
#main-top .widget-content {
padding:5px;
}
ul.featpost .labeltext {
position:absolute;
bottom:35px;
left:0;
width:85%;
z-index:9;
background-color:#252525;
padding:7px 10px;
color:#FFFFFF;
}
ul.featpost strong.titlex {
position:absolute;
bottom:95px;
display:block;
left:10px;
z-index:10;
background-color:#007ABE;
padding:5px 8px;
max-height:22px;
overflow:hidden;
}
ul.featpost strong.titlex a {
font:normal normal 16px 'Open Sans', serif ,sans-serif;
color:#FFFFFF;
text-decoration:none;
width:100%;
font-weight:bold;
text-transform:capitalize;
display:inline-block;
}
ul.featpost .labeltext .infolabel {
font-size:90%;text-align:right;
}
ul.featpost .labeltext .infolabel a {
color:#FFFFFF;
}
ul.featpost .labeltext .date {
margin-right:5px;
}
ul.featpost .labeltext p {
margin:5px 0 0;
font-style:italic;
}
#main-top .flex-control-nav.flex-control-paging, #manualslidenya .flex-control-nav.flex-control-paging {
position:absolute;
width:100%;
bottom:15px;
z-index: 2;
}
#main-top .flex-viewport, #main-top-manualslide .flex-viewport {
max-width:800px;
}
.featuredpost .flex-direction-nav a {
top:50%;
margin-top:-20px;
}
a.feathumb {
width:100%;
height:280px;
display:block;
}
#mainmtop-manualslide .widget > h2 {
display: none;
}
#mainmtop-manualslide .Image .widget-content {
padding: 0;
border: 0;
max-height: 280px;
overflow: hidden;
}
#mainmtop-manualslide .widget {
padding: 0;
margin-bottom: 40px;
}
#mainmtop-manualslide {
overflow: hidden;
max-height: 310px;
position: relative;
z-index: 0;
}
#manualslidenya {
padding: 5px;
max-height: 280px;
}
#main-top-manualslide .bungkus {
padding: 0 10px 15px;
}
#main-top-manualslide .Image img {
max-height: 280px;
}
/* Archive
-----------------------------------------------
*/
#table-outer table {
width:100%;
}
#orderFeedBy,
#labelSorter {
width:90%;
margin:5px 0;
}
#postSearcher input[type="text"] {
width:88%;
margin:5px 0;
padding:3px 1%;
}
#feedContainer,
#feedContainer li {
padding:0;
margin:0;
list-style:none;
}
#feedContainer {
overflow:hidden;
margin-top:20px;
}
#feedContainer li {
float:left;
width:50%;
margin-bottom:10px;
position:relative;
z-index: 0;
}
#feedContainer .inner {
padding:8px;
margin:0 5px;
position:relative;
background-color:#FFF;
border:1px solid #C0C0C0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
height:133px;
}
#feedContainer img {
float:left;
margin:0 8px 0 0;
}
#feedContainer .inner > strong {
display:none;
}
#feedContainer .date {
position:absolute;
top:8px;
left:15px;
background-color:#007ABE;
color:#FFFFFF;
font-size:9px;
padding:3px 2px;
}
#feedContainer .inner:hover .date {
background-color:#2E2E2E;
}
#feedContainer .date span {
display:block;
line-height:12px;
text-align:center;
}
#feedContainer .date .dd {
font-size:15px;
line-height:18px;
font-weight:bold;
}
#feedContainer .toc-title {
max-height:33px;
overflow:hidden;
}
#feedNav a, #feedNav span {
display:block;
text-align:center;
color:#FFFFFF;
text-decoration:none;
background-color:#007ABE;
padding:5px;
width:95%;
margin:0 auto;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
#feedNav a:hover {
background-color:#2E2E2E;
}
body#layout #mainmtop-manualslide {
overflow: hidden;
}
body#layout #mainmtop-manualslide .add_widget, body#layout #mainmtop-manualslide  div.widget,body#layout #mainmtop-manualslide .dropregion {
float: left;
width: 25%;
}
/* Other
-----------------------------------------------
*/
img {
max-width:100%;
height:auto;
width:auto\9;
}
a img,
a.loadpost,
.datex.show,
ul.rcentpost .date,
.buttons a,
ul.navtab li a,
#related_posts .date,
.post-outer.list .post-more-link a,
#feedContainer .date,
.showpageNum a {
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
a img:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
}
a.loadpost {
display:block;
width:80%;
margin:0 auto;
line-height:30px;
height:30px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:#007ABE;
color:#FFFFFF;
text-decoration:none;
position:relative;
}
a.loadpost:hover {
background-color:#2E2E2E;
}
a.loadpost:active {
top:1px;
}
.recntright .antiscroll-scrollbar-vertical {
right: 4px;
}
ul.rcentpost {
margin:-5px -10px;
}
.recntright .box, .recntright .box .antiscroll-inner {
height:270px;
}
ul.rcentpost li { padding: 0;
overflow:hidden;
position:relative;
z-index:0;
border-bottom:1px solid #F1F1F1;
}
ul.rcentpost .inner {
padding: 8px;
overflow: hidden;
}
ul.rcentpost .recntright .inner {
padding-right:12px;
}
ul.rcentpost p {
margin: 10px 0;
}
ul.rcentpost .recntright p, .rcbytag.s ul.rcentpost p {
display:none;
}
a.thumbxtag {
float:left;
width:60px;
height:60px;
display:block;
margin:0 8px 0 0;
padding:3px;
border:1px solid #C0C0C0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:#FFFFFF;
}
a.thumbxtag img {
display:block;
width:100%;
height:100%;
}
.morepostag {
text-align:center;
padding: 5px 0;
}
.recntright .info, #related_posts .info {
font-size: 80%;
}
.morepostag a {
display:block;
width:80%;
line-height:25px;
height:25px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
margin:5px auto;
color:#FFFFFF;
background-color:#007ABE;
text-decoration:none;
-webkit-transition:background-color .4s ease-in-out;
-moz-transition:background-color .4s ease-in-out;
-o-transition:background-color .4s ease-in-out;
-ms-transition:background-color .4s ease-in-out;
transition:background-color .4s ease-in-out;
}
.morepostag a.loadingnya {
background-image: url(http://4.bp.blogspot.com/-TnSE_uBapbc/UXVKY6X6faI/AAAAAAAAI_s/rTt1Js3H8s0/s16/progress_ani.gif);
background-repeat: no-repeat;
background-position: center;
text-indent:-9999px;
}
.morepostag a:hover, .morepostag a.loadingnya {
background-color:#2E2E2E;
}
ul.rcentpost > li.a0 a.thumbxtag, .rcbytag.s ul.rcentpost a.thumbxtag {
float:none;
width:auto;
padding:5px;
display:block;
height:170px;
position:relative;
margin: 0;
}
.rcbytag.s ul.rcentpost a.thumbxtag {
height:120px;
}
ul.rcentpost li strong a {
margin:0;
}
ul.rcentpost > li.a0 strong a {
margin:10px 0 0;
font-size:120%;
display:block;
}
ul.rcentpost > li.a0 .date, .rcbytag.s ul.rcentpost .date {
position:absolute;
top:8px;
left:20px;
background-color:#007ABE;
color:#FFFFFF;
display:block;
padding:3px;
text-align:center;
}
ul.rcentpost > li.a0 .date span, .rcbytag.s ul.rcentpost .date span {
display:block;
font-size:9px;
line-height:12px;
height:12px;
}
ul.rcentpost > li.a0 .date span.dd, .rcbytag.s ul.rcentpost .date span.dd {
font-size:18px;
font-weight:bold;
line-height:20px;
height:20px;
}
ul.rcentpost > li.a0:hover .date, .rcbytag.s ul.rcentpost li:hover .date {
background-color:#2E2E2E;
}
.rcbytag.s ul.rcentpost {
margin:10px 0;
overflow:hidden;
height:175px;
}
.rcbytag.s ul.rcentpost li {
padding:0;
width:33.3%;
float:left;
height:175px;
}
.rcbytag.s ul.rcentpost .inner {
margin: 0;
padding: 0 8px;
}
.rcbytag.s ul.rcentpost .date {
top:0;
}
.rcbytag.s ul.rcentpost p {
display:none;
}
.rcbytag.h .rcentpost {
overflow: hidden;
}
.rcbytag.h ul.rcentpost > .a0 {
float: left;
width: 50%;
border-bottom: 0;
}
.rcbytag.h .recntright {
width: 50%;
float: left;
}
.recntright .date, .recntright .comnum, #related_posts .date, #related_posts .comnum {
padding-left: 15px;
display: inline-block;
position: relative;
}
.recntright .date:before, #related_posts .date:before {
content: "\f133";
left: 0px;
font-size: 11px;
}
.recntright .comnum:before, #related_posts .comnum:before {
content: "\f075";
left: 2px;
}
.recntright .comnum {
margin-left: 8px;
}
#related_posts .date {
margin-right: 8px;
}
.recntright .comnum a, #related_posts .comnum a {
color:#666666;
}
.flex-direction-nav a {
position:absolute;
display:block;
top:90px;
width:25px;
height:40px;
background-color:#007ABE;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
outline:0;
text-indent:-9999px;
background-image:url(http://1.bp.blogspot.com/-5Sp-MZWyiaU/UWxMDK77sGI/AAAAAAAAI9E/5VUb6FmzgNY/s1600/glyphicons-halflings-white.png);
background-repeat:no-repeat;
z-index: 2;
}
.widget-content:hover .flex-direction-nav a, #manualslidenya:hover .flex-direction-nav a {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
.flex-direction-nav a:hover {
background-color:#2E2E2E;
}
.flex-direction-nav a.flex-prev {
right:0;
-moz-border-radius:3px 0 0 3px;
-webkit-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px;
background-position:-18px 7px;
}
.flex-direction-nav a.flex-next {
left:0;
-moz-border-radius:0 3px 3px 0;
-webkit-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0;
background-position:7px 7px;
}
.flex-control-nav.flex-control-paging,
.flex-control-nav.flex-control-paging li {
list-style:none;
padding:0;
text-align:center;
margin:0;
}
.flex-control-nav.flex-control-paging li {
display:inline-block;
}
.flex-control-nav.flex-control-paging a {
display:inline-block;
text-indent:-9999px;
margin:0 3px;
width:10px;
height:10px;
background-color:#2E2E2E;
cursor:pointer;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.flex-control-nav.flex-control-paging a.flex-active {
background-color:#007ABE;
}
.flex-viewport,
.rcbytag {
max-width:612px;
margin:0 auto;
}
.rcbytag.s ul.rcentpost strong a {
margin:5px 0 0;
font-size:13px;
}
#sidebar-tengah h2, ul.rcentpost > li.a0 .comnum, .rcbytag.s ul.rcentpost .comnum {
display:none;
}
ul.navtab,
ul.navtab li,
#icon-socialmn,
#icon-socialmn li {
list-style:none;
padding:0;
margin:0;
}
ul.navtab {
height:32px;
padding:0 8px;
margin:0 10px;
border-bottom:5px solid #007ABE;
}
ul.navtab li {
float:left;
width:33.3%;
text-align:center;
}
ul.navtab li a {
display:block;
line-height:32px;
height:32px;
background-color:#2E2E2E;
color:#FFFFFF;
text-decoration:none;
}
ul.navtab li a.current,
ul.navtab li a:hover {
background-color:#007ABE;
}
ul.navtab {
height:32px;
padding:0 10px;
margin:0 10px;
}
#sidebar-tengah .widget-content,
#sidebar-tengah .widget {
border:0;
padding:0;
margin:0;
}
.list-tabwrap {
padding:8px 10px;
margin:0 10px;
border:1px solid #C0C0C0;
border-top:0;
background-color:#FFFFFF;
}
#view a {
display:inline-block;
text-indent:-9999px;
width:23px;
height:23px;
background-image:url(http://2.bp.blogspot.com/-rJBQIVZlRYI/UWxMEXv3CLI/AAAAAAAAI9c/tOlxHrVprWw/s1600/sprite1.png);
background-repeat:no-repeat;
float:right;
outline:0;
}
#view a.list {
background-position:0 -102px;
}
#view a.list.active {
background-position:0 -68px;
}
#view a.grid {
background-position:0 -34px;
}
#view a.grid.active {
background-position:0 0;
}
#labelxnya {
position:absolute;
z-index:99;
top:100%;
left:0;
display:none;
}
#labelxnya .box, #labelxnya .box .antiscroll-inner {
height: 280px;
width:160px;
}
ul.subnya-xitem,
ul.subnya-xitem li {
padding:0;
list-style:none;
margin:0;
overflow: hidden;
width: 160px;
}
#labelxnya .bknslabel {
min-width: 160px;
padding:8px 5px;
background-color:#FFF;
border:1px solid #E2E2E2;
border-radius:3px;
overflow:hidden;
position:relative;
top:-12px;
-moz-box-shadow:0 0 10px #CFCECE;
-webkit-box-shadow:0 0 10px #CFCECE;
box-shadow:0 0 10px #CFCECE;
}
ul.subnya-xitem li {
margin:1px 0;
white-space: nowrap;
}
ul.subnya-xitem a {
line-height:25px;
display:block;
padding:0 10px;
}
ul.subnya-xitem a:hover {
background-color:#F5F5F5;
}
#labelxnya span {
position:relative;
display:inline-block;
text-indent:-9999px;
left:50px;
top:-7px;
width:0;
height:0;
border-width:10px 10px;
border-style:solid;
border-color:transparent transparent #868585 transparent;
}
.left .ticker-controls,
.left .ticker-content,
.left .ticker-title,
.left .ticker {
float:left;
}
.ticker-wrapper.has-js {
height:28px;
overflow:hidden;
margin:0 0 15px;
line-height:28px;
border:1px solid #C0C0C0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:#FFFFFF;
}
.ticker {
width:92%;
position:relative;
overflow:hidden;
}
.ticker-title {
background-color:#007ABE;
padding:0 10px;
color:#FFFFFF;
font-weight:bold;
}
.ticker-content {
margin:0;
position:absolute;
font-weight:bold;
overflow:hidden;
white-space:nowrap;
line-height:26px;
padding:0 10px;
font-size:10px;
}
.ticker-content .date {
padding:0 5px 0 0;
border-right:1px solid #272727;
}
.ticker-swipe {
position:absolute;
top:0;
background-color:#FFFFFF;
display:block;
width:800px;
height:23px;
}
.ticker-swipe span {
margin-left:1px;
background-color:#FFFFFF;
border-bottom:1px solid #000;
height:18px;
width:7px;
display:block;
}
.ticker-controls {
padding:6px 0 0;
margin:0;
list-style-type:none;
float:left;
}
.ticker-controls li {
padding:0;
margin-left:5px;
float:left;
cursor:pointer;
height:16px;
width:16px;
display:block;
}
.ticker-controls li.jnt-play-pause {
background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png);
background-position:32px 16px;
}
.ticker-controls li.jnt-play-pause.over {
background-position:32px 32px;
}
.ticker-controls li.jnt-play-pause.down {
background-position:32px 0;
}
.ticker-controls li.jnt-play-pause.paused {
background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png);
background-position:48px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
background-position:48px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
background-position:48px 0;
}
.ticker-controls li.jnt-prev {
background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png);
background-position:0 16px;
}
.ticker-controls li.jnt-prev.over {
background-position:0 32px;
}
.ticker-controls li.jnt-prev.down {
background-position:0 0;
}
.ticker-controls li.jnt-next {
background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png);
background-position:16px 16px;
}
.ticker-controls li.jnt-next.over {
background-position:16px 32px;
}
.ticker-controls li.jnt-next.down {
background-position:16px 0;
}
.js-hidden {
display:none;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
background-color:#007ABE;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
font-size:12px;
padding:2px 0;
padding-left:5%;
width:95%;
}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address {
background-color:#202020;
border:1px solid #1B1B1B;
}
input[type="submit"] {
border-radius:2px;
background-color:#007ABE;
outline:0;
border:0;
padding:5px 8px;
color:#FFFFFF;
margin:2px 3px;
cursor:pointer;
}
input[type="submit"]:hover {
background-color:#2E2E2E;
}
input[type="text"] {
padding:4px 5px;
border:1px solid #B6B6B6;
border-radius:2px;
color:#585858;
}
.Label li {
padding:3px 5px;
margin:0 3px 3px 0;
float:left;
background-color:#007ABE;
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
color:#D6D6D6;
}
.Label li a {
color:#FFFFFF;
text-decoration:none;
}
.Label li:hover {
background-color:#2E2E2E;
}
.footer .Label li:hover {
background-color:#1D1D1D;
}
#top {
position:fixed;
right:10px;
bottom:0;
text-indent:-9999px;
width:40px;
height:0;
background-color:#007ABE;
border-radius:2px 2px 0 0;
background-image:url(http://3.bp.blogspot.com/-Vug8W3sF3PA/UXSMCnhg68I/AAAAAAAAI_U/OhgHbKpX8r0/s1600/up.png);
background-repeat:no-repeat;
background-position:50% 50%;
opacity:0;
cursor:pointer;
outline:0;
}
#top:hover {
background-color:#1D1D1D;
}
ul.rcomnetxx li {
padding:5px;
margin-bottom:8px;
overflow:hidden;
}
ul.rcomnetxx .kmtimg {
float:left;
margin:0 5px 5px 0;
width:50px;
height:50px;
padding:3px;
border:1px solid #C0C0C0;
}
ul.rcomnetxx p {
margin:5px 0 0;
}
ul.rcomnetxx .date {
font-size:80%;
}
.PopularPosts li img {
padding:0;
width:65px;
height:65px;
display:block;
}
.PopularPosts .item-thumbnail {
padding:3px;
border:1px solid #C0C0C0;
width:65px;
height:65px;
}
.loadingxx {
background-image:url(http://4.bp.blogspot.com/-TnSE_uBapbc/UXVKY6X6faI/AAAAAAAAI_s/rTt1Js3H8s0/s1600/progress_ani.gif);
background-repeat:no-repeat;
background-position:50% 50%;
min-height:150px;
}
#featpost.loadingxx {
height:280px;
}
.antiscroll-wrap {
display: block;
position: relative;
overflow: hidden;
}
.antiscroll-scrollbar {
background: gray;
background: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 0 1px #fff;
-moz-box-shadow: 0 0 1px #fff;
box-shadow: 0 0 1px #fff;
position: absolute;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-webkit-transition: linear 300ms opacity, linear 300ms width;
-moz-transition: linear 300ms opacity, linear 300ms width;
-o-transition: linear 300ms opacity, linear 300ms width;
transition: linear 300ms opacity, linear 300ms width;
}
.antiscroll-scrollbar-shown {
opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.antiscroll-scrollbar-horizontal {
height: 7px;
margin-left: 2px;
bottom: 2px;
left: 0;
}
.antiscroll-scrollbar-vertical {
width: 7px;
margin-top: 2px;
right: 2px;
top: 0;
}
.antiscroll-scrollbar-vertical:hover {
width: 9px;
}
.antiscroll-inner {
overflow: scroll;
}
.antiscroll-inner::-webkit-scrollbar {
width: 0;
height: 0;
}
.antiscroll-inner::scrollbar {
width: 0;
height: 0;
}
.index #blog-pager, .archive #blog-pager {
text-align: left;
margin: 10px 0 0;
padding: 5px;
}
.showpagePoint, .showpageNum a, .showpage a {
display: inline-block;
padding: 8px 9px;
margin-right: 2px;
color: #FFFFFF;
background-color: #007ABE;
border-radius: 3px;
position: relative;
text-decoration: none;
outline: 0;
}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {
background-color: #2E2E2E;
}
.showpageNum a:active, .showpage a:active {
top:1px;
}
.loadingpost {
position: absolute;
background-color: #FFFFFF;
background-image: url(https://lh3.googleusercontent.com/-FiCzyOK4Mew/T4aAj2uVJKI/AAAAAAAAPaY/x23tjGIH7ls/s32/ajax-loader.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
top: 0;
left: 0;
bottom: 30px;
right: 0;display:none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
}
/* RESPONSIVE */
@media only screen and (max-width:1024px) {
#navinti a {padding:0 10px;}
#searchnya {width: 195px;}
#ajax-search-form {width: 191px;}
#ajax-search-form input {width: 140px;}
}
@media only screen and (max-width:979px) {
#outer-wrapper,
#nav {
width:768px;
}
#nav .wrap {
width: 99%;
}
#footer-wrapper .grid {
width:33.3%;
}
#topmenunav, #menunav, .sf-menu a.home:before, .sf-menu > li > a.home.current:before {display:none;}
#topmobilenav, #mobilenav {
display:block;
}
#menunav, #topmenunav {
position: absolute;
top: 100%;
float: none;
left: 5px;
}
#menunav {
background-color: #2E2E2E;
right: 5px;
}
#topmenunav {
width: 300px;
background-color: #1A1A1A;z-index: 99;
}
.sf-menu > li {
float: none;
}
.sf-menu ul {
position: static;
}
.sf-menu ul ul li {
margin: 1px 0;
}
.sf-menu a.home, .sf-menu > li > a.home.current {
text-indent: 0;
width: auto;
padding: 0 10px;
}
#menunav > li > a {
height: 30px;
line-height: 30px;
}
#topnav .tgltop {
margin-left: 35px;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
display:none;
}
#main-atas {
width:58%;
}
#sidebar-wrapper {
width:40%;
}
#mainmidtengah .section,
#mainmidtengah2 .section {
width:100%;
float:none;
}
.index .post-outer,
.archive .post-outer,
ul.rcentpost.sliderq li {
width:50%;
}
.post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
width:150px;
height:120px;
}
.ticker {
width:90%;
}
ul.featpost,
.featuredpost,
ul.featpost li,
a.feathumb {
height:240px;
}
.featuredpost {
font-size:11px;
}
#main-top .flex-viewport, #main-top-manualslide .flex-viewport {
width:100%;
}
ul.featpost strong.titlex {
max-width:250px;
max-height:55px;
bottom:110px;
}
.post-body .left,
.post-body .right {
float:none;
display:block;
text-align:center;
margin:10px 0 15px;
}
#related_posts strong {
max-height:auto;
}
#related_posts li {
width:100%;
float:none;
height:auto;
overflow:hidden;
}
.comments .comments-content .comment-replies {
margin-left:10px;
}
#header {
width:100%;
float:none;
}
#adstop {
display:none;
}
#feedContainer li {
float:none;
width:100%;
}
#feedContainer .inner {
height:auto;
}
.rcbytag.h ul.rcentpost > .a0, .rcbytag.h .recntright {
width: auto;
float: none;
}
.rcbytag.h ul.rcentpost > .a0 {
border-bottom: 1px solid #F1F1F1;
}
}
@media only screen and (max-width:767px) {
#outer-wrapper,
#nav {
width:480px;
}
#footer-wrapper .grid {
width:50%;
}
#main-atas,
#sidebar-wrapper {
width:98%;
float:none;
padding:0 1%;
}
.flex-viewport,
.rcbytag {
width:407px;
}
#newsticker {
display:none;
}
#header {
text-align:center;
}
#header img {
margin:0 auto;
}
.navix.credit .left, .navix.credit .righ {
float: none;
text-align: center;
}
#topmenunav {
right: 5px;
width: auto;
}
}
@media only screen and (max-width:479px) {
#outer-wrapper,
#nav {
width:320px;
}
#footer-wrapper .grid {
width:100%;
}
a.thumbimgx, .thumbimgslide {
padding:3px;
height:110px;
}
.index .post-outer .post,
.archive .post-outer .post {
height:160px;
}
.post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
width:100px;
height:90px;
}
ul.rcentpost.sliderq a.thumbxtag,
ul.rcentpost.sliderq li:first-child a.thumbxtag {
width:97%;
height:90px;
}
ul.rcentpost.sliderq,
ul.rcentpost.sliderq li {
height:150px;
}
.post-outer.list .post .titlex {
font-size:130%;
}
.separator a, table.tr-caption-container {
float:none !important;
margin:0 auto 15px !important;
}
table.tr-caption-container {
padding:0;
}
.flex-viewport,
.rcbytag {
width:100%;
}
ul.featpost strong.titlex {
max-width:190px;
bottom:95px;
}
ul.featpost .labeltext p {
height:50px;
overflow:hidden;
}
ul.featpost .labeltext .date {
display:none;
}
ul.featpost,
.featuredpost,
ul.featpost li,
a.feathumb {
height:200px;
}
#search-result, .box, .box .antiscroll-inner {
width:272px;
}
#topnav .tgltop {
display: none;
}
}
@media only screen and (max-width:319px) {
#outer-wrapper,
#nav {
width:100%;
}
.index .post-outer,
.archive .post-outer,
ul.rcentpost.sliderq li {
width:100%;
float:none;
}
#search-result, .box, .box .antiscroll-inner {
width:250px;
}
}